<template>
  <button @click="show=!show">click</button>
  <!-- <transition-group name="five-alert-fade">
    <five-alert v-for="i in d"  :title="i" :key="i" closeText="关闭" type="success" description="hhhh" />
  </transition-group> -->
    <five-alert v-show="show"  title="title"  closeText="关闭" type="success" description="hhhh" :show-icon="true" />
</template>

<script lang="ts">
import { defineComponent } from 'vue'

interface IData {
  s:number,
  d:string[],
  show:boolean
}

export default defineComponent({
  name: 'App',
  data():IData{
    return {
      s:0,
      d:[],
      show:false
    }
  },
  methods:{
    add(){
      this.d.push(this.s+'');
      this.s++
    },
  }
})
</script>

<style>

</style>